<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_2990206_guj8a2y91zg.css">

  <script src="./js/require.js" data-main="./js/index.js"></script>

</head>

<body>
  <header>
    <div class="nav">
      <div class="wrapper">
        <div class="top-nav">
          <ul class="nav-left">
            <li><a href="">帮助中心</a> </li>
            <li><a href="">收藏</a> </li>
            <li><a href="">360官网</a> </li>
            <li><a href="">360智慧生活</a> </li>
          </ul>
          <ul class="nav-right">
            <li><a href="">登录</a> </li>
            <li><a href="">注册</a> </li>
            <a href=""><i class="iconfont icon-gouwudai" style="color:#fff;line-height: 40px;"></i></a>
          </ul>
        </div>
      </div>
    </div>
    <div class="wrapper big-nav">
      <ul class="box-left">
        <li><img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt=""></li>

        <li><a href="">新品推荐</a></li>
        <li><a href="">热卖榜单</a></li>
      </ul>
      <div class="box-right">
        <div class="search"><input class="inp" type="text">
          <i class="iconfont icon-sousuo s-icon"></i>
        </div>
        <ul class="s-list">
          <li><a href="">记录仪</a></li>
          <li><a href="">摄像机</a></li>
          <li><a href="">路由器</a></li>
          <li><a href="">耳机</a></li>
          <li><a href="">扫地机</a></li>
          <li><a href="">智能手表</a></li>
        </ul>
      </div>
    </div>
    </div>
    <div class="banner">
      <a href="#" ></a>
      <a href="#"></a>
      <a href="#"></a>
      <a href="#"></a>
      <ul class="yuan">
        <li class="dian_show"></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <span class="prev sp"> <i class="iconfont icon-zuo"></i></span>
      <span class="next sp"> <i class="iconfont icon-you"></i></span>
      <div class="erji-nav">
        <div class="b-all">
          <a href=""><i class="iconfont icon-quanbu"></i>全部...</a>
        </div>
        <ul class="b-list">
          <li><a href="">家庭安防</a>
            <div class="list-box">
              <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

              <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
              <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
              <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
              <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
            </div>
          </li>
          <li><a href="">安全路由</a>
            <div class="list-box">
              <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
            </div>
          </li>
          <li><a href="">智能手表</a>
            <div class="list-box">
              <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

              <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
              <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
              <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
              <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
            </div>
          </li>
          <li><a href="">汽车用品</a>
            <div class="list-box">

              <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
              <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

              <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
              <a href=""><img src="https://p1.ssl.qhimg.com/t011aaa597207d8cfff.webp" alt="">摄像机</a>
            </div>
          </li>
          <li><a href="">扫地机器人</a>
            <div class="list-box">
              <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

              <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
              <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
              <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a> <a
                href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
              <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
              <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>

            </div>
          </li>
          <li><a href="">影音生活</a>
            <div class="list-box">

              <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
              <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>
              <a href=""><img src="https://p2.ssl.qhmsg.com/dr/180_180_/t01ca885c0d9f8d3d54.webp" alt="">摄像机</a>
            </div>
          </li>
          <li><a href="">生态产品</a>
            <div class="list-box">
              <a href=""><img src="https://p2.ssl.qhimg.com/t01fa592def38519950.webp" alt="">摄像机</a>
              <a href=""><img src="https://p4.ssl.qhimg.com/t012e56acec4dba8ef1.webp" alt="">摄像机</a>

              <a href=""><img src="https://p3.ssl.qhimg.com/t01b9d21e5df924ae5c.webp" alt="">摄像机</a>

            </div>
          </li>
        </ul>
      </div>
    </div>
  </header>
  <main>
    <ul class="item">
      <li><a href="#hot">热门活动</a></li>
      <li><a href="#family">家庭安防</a></li>
      <li><a href="#safe">安全路由</a></li>
      <li><a href="#car">行车安全</a></li>
      <li><a href="#robot">扫地机器人</a></li>
      <li><a href=" #zhineng">智能守护</a></li>
      <li><a href="#ecology">生态互联</a></li>
      <li><a href="#more">更多商品</a></li>
    </ul>
    <div class="call-box">
      <div class="phone">
        <a href=""><i class="iconfont icon-xiaoxi"></i></a>
        <a href=""> <i class="iconfont icon-weixin"></i></a>
        <a href=""> <i class="iconfont icon-kefu"></i></a>
      </div>
      <div class="erweima">
        <a href=""> <i class="iconfont icon-erweima"></i></a>
        <a href=""> <i class="iconfont icon-fanhuidingbu"></i></a>
      </div>
    </div>
    <div class="wrapper">
      <div class="main-box" id="hot">
        <div class="title"><span>热门推荐</span></div>
        <div class="tu-box">
          <a href="" class="a-box"><img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.webp" alt=""></a>
          <a href="" class="a-box"><img src="https://p4.ssl.qhimg.com/t012b5cec81fbe9c659.webp" alt=""></a>
          <a href="" class="a-box"><img src="https://p3.ssl.qhimg.com/t015d34aaa04c9ede6f.webp" alt=""></a>
          <a href="" class="a-box"><img src="https://p5.ssl.qhimg.com/t0175bdda93660b4f38.webp" alt=""></a>
        </div>
        <a href="" class="fl-box"><img src="https://p0.ssl.qhimg.com/t0170aaf86aa2387ded.webp" alt=""> </a>
      </div>
      <div class="main-box" id="family">
        <div class="title"><span>家庭安防 </span><a href=""> &nbsp; 全部 &gt;&gt;</a></div>
        <section>
          <a href="" class="sec-box">
            <div><img src="https://p5.ssl.qhimg.com/t01b3f0ea7d9f0b5000.webp" alt="">
            </div>
          </a>
          <a href="" class="sec-box">
            <span style=" background-color: #f17f38;">新品</span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t01480f118d233044a6.webp" alt="">
              <p>360可视门铃5Pro AR1C</p>
              <p>2K超清画质 166°超广视角</p>
              <p>￥399 <span> <del>￥499</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>

            <div style=" padding-top: 20px;"><img src="https://p3.ssl.qhimg.com/t0137f6f23e234057d6.webp" alt="">
              <p>360智能摄像机云台7P超清版 AP1PA3</p>
              <p>400万超清全景 一键呼叫家人 微光全彩夜视</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t01192edc41a78ee2ac.webp" alt="">
              <p>360智能摄像机小水滴5C 2K高清版AC1P</p>
              <p>300万高清像素 130°人眼广角</p>
              <p>￥149 <span> <del>￥169</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t011812e2ce615a2317.webp" alt="">
              <p>360智能摄像机云台7C超清版 AP2CA3</p>
              <p>声光主动防御 升级400万像素</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t01b92826f4bd6b892d.webp" alt="">
              <p>360智能摄像机户外W4 Max</p>
              <p>2.5K超清画质 智能全彩夜视</p>
              <p>￥249 <span> <del>￥269</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p3.ssl.qhimg.com/t01ddeeceb8b485ff36.webp" alt="">
              <p>360 智能摄像机云台变焦版1080P D866</p>
              <p>9倍混合变焦 微光全彩技术 360°全景视野</p>
              <p>￥249 <span> <del>￥349</del></span> </p>
            </div>
          </a>
        </section>
        <a href="" class="fl-box"><img src=" https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp" alt=""> </a>
      </div>
      <div class="main-box" id="safe">
        <div class="title"><span>安全路由 </span><a href=""> &nbsp; 全部 &gt;&gt;</a></div>
        <section>
          <a href="" class="sec-box">
            <div><img src="https://p2.ssl.qhimg.com/t01450436bc349ddae5.webp" alt="">
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t01c508154ffa9b9e76.webp" alt="">
              <p>360可视门铃5Pro AR1C</p>
              <p>2K超清画质 166°超广视角</p>
              <p>￥399 <span> <del>￥499</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t0150e29fc41dc80262.webp" alt="">
              <p>360智能摄像机云台7P超清版 AP1PA3</p>
              <p>400万超清全景 一键呼叫家人 微光全彩夜视</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t01dfe05334ca6f2783.webp" alt="">
              <p>360智能摄像机小水滴5C 2K高清版AC1P</p>
              <p>300万高清像素 130°人眼广角</p>
              <p>￥149 <span> <del>￥169</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t01de58dc712cd83f1d.webp" alt="">
              <p>360智能摄像机云台7C超清版 AP2CA3</p>
              <p>声光主动防御 升级400万像素</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t017f2dd4797c0618f5.webp" alt="">
              <p>360智能摄像机户外W4 Max</p>
              <p>2.5K超清画质 智能全彩夜视</p>
              <p>￥249 <span> <del>￥269</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t01ffa511c68fa2b0fc.webp" alt="">
              <p>360 智能摄像机云台变焦版1080P D866</p>
              <p>9倍混合变焦 微光全彩技术 360°全景视野</p>
              <p>￥249 <span> <del>￥349</del></span> </p>
            </div>
          </a>
        </section>
        <a href="" class="fl-box"><img src=" https://p1.ssl.qhimg.com/t01f74bc541c9f56b86.webp" alt=""> </a>
      </div>
      <div class="main-box">
        <div class="title" id="car"><span>行车安全 </span><a href=""> &nbsp; 全部 &gt;&gt;</a></div>
        <section>
          <a href="" class="sec-box">
            <div><img src="https://p4.ssl.qhimg.com/t0133be414b0dd21744.webp" alt="">
            </div>
          </a>
          <a href="" class="sec-box"> <span style=" background-color: #f17f38;">新品</span>

            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t0129e27f9e80b61214.webp" alt="">
              <p>360可视门铃5Pro AR1C</p>
              <p>2K超清画质 166°超广视角</p>
              <p>￥399 <span> <del>￥499</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p2.ssl.qhimg.com/t01f2f47a37b4c5a5d6.webp" alt="">
              <p>360智能摄像机云台7P超清版 AP1PA3</p>
              <p>400万超清全景 一键呼叫家人 微光全彩夜视</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t01c8a344fc5018cd76.webp" alt="">
              <p>360智能摄像机小水滴5C 2K高清版AC1P</p>
              <p>300万高清像素 130°人眼广角</p>
              <p>￥149 <span> <del>￥169</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span style=" background-color: #f17f38;">新品</span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t012c3e842dc138ad42.webp" alt="">
              <p>360智能摄像机云台7C超清版 AP2CA3</p>
              <p>声光主动防御 升级400万像素</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t01494d399a571fa489.webp" alt="">
              <p>360智能摄像机户外W4 Max</p>
              <p>2.5K超清画质 智能全彩夜视</p>
              <p>￥249 <span> <del>￥269</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t01e702a604cb3fd77a.webp" alt="">
              <p>360 智能摄像机云台变焦版1080P D866</p>
              <p>9倍混合变焦 微光全彩技术 360°全景视野</p>
              <p>￥249 <span> <del>￥349</del></span> </p>
            </div>
          </a>
        </section>
        <a href="" class="fl-box"><img src=" https://p2.ssl.qhimg.com/t014d665593f16f2c56.webp" alt=""> </a>
      </div>
      <div class="main-box" id="robot">
        <div class="title"><span>扫地机器人 </span><a href=""> &nbsp; 全部 &gt;&gt;</a></div>
        <section>
          <a href="" class="sec-box">
            <div><img src="https://p2.ssl.qhimg.com/t010270e51d5a815568.webp" alt="">
            </div>
          </a>
          <a href="" class="sec-box"> <span style=" background-color: #f17f38;">爆款</span>

            <div style=" padding-top: 20px;"><img src="https://p3.ssl.qhimg.com/t0175716f0fe2cb8442.webp" alt="">
              <p>360可视门铃5Pro AR1C</p>
              <p>2K超清画质 166°超广视角</p>
              <p>￥399 <span> <del>￥499</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span style=" background-color: #f17f38;">新品</span>
            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t01b4964c8568fe0e18.webp" alt="">
              <p>360智能摄像机云台7P超清版 AP1PA3</p>
              <p>400万超清全景 一键呼叫家人 微光全彩夜视</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t0174e15b118d375a36.webp" alt="">
              <p>360智能摄像机小水滴5C 2K高清版AC1P</p>
              <p>300万高清像素 130°人眼广角</p>
              <p>￥149 <span> <del>￥169</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t0102457b51f6baa1f0.webp" alt="">
              <p>360智能摄像机云台7C超清版 AP2CA3</p>
              <p>声光主动防御 升级400万像素</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t01c758ff78f8922d6a.webp" alt="">
              <p>360智能摄像机户外W4 Max</p>
              <p>2.5K超清画质 智能全彩夜视</p>
              <p>￥249 <span> <del>￥269</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t0154c34658d2467a65.webp" alt="">
              <p>360 智能摄像机云台变焦版1080P D866</p>
              <p>9倍混合变焦 微光全彩技术 360°全景视野</p>
              <p>￥249 <span> <del>￥349</del></span> </p>
            </div>
          </a>
        </section>
        <a href="" class="fl-box"><img src=" https://p3.ssl.qhimg.com/t01f530addd6191ee23.webp" alt=""> </a>
      </div>
      <div class="main-box" id="zhineng">
        <div class="title"><span>智能守护 </span><a href=""> &nbsp; 全部 &gt;&gt;</a></div>
        <section>
          <a href="" class="sec-box">
            <div><img src="https://p3.ssl.qhimg.com/t0118faff228911ab53.webp" alt="">
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>

            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t014d03700630fb2687.webp" alt="">
              <p>360可视门铃5Pro AR1C</p>
              <p>2K超清画质 166°超广视角</p>
              <p>￥399 <span> <del>￥499</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span style=" background-color: #f17f38;">爆款</span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t01e7f298965da09d39.webp" alt="">
              <p>360智能摄像机云台7P超清版 AP1PA3</p>
              <p>400万超清全景 一键呼叫家人 微光全彩夜视</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t018a9f2e77c2b5a692.webp" alt="">
              <p>360智能摄像机小水滴5C 2K高清版AC1P</p>
              <p>300万高清像素 130°人眼广角</p>
              <p>￥149 <span> <del>￥169</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p2.ssl.qhimg.com/t011c40a654ea1d09d9.webp" alt="">
              <p>360智能摄像机云台7C超清版 AP2CA3</p>
              <p>声光主动防御 升级400万像素</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t01c80b7317a7a60348.webp" alt="">
              <p>360智能摄像机户外W4 Max</p>
              <p>2.5K超清画质 智能全彩夜视</p>
              <p>￥249 <span> <del>￥269</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p2.ssl.qhimg.com/t015cc8817ef7123349.webp" alt="">
              <p>360 智能摄像机云台变焦版1080P D866</p>
              <p>9倍混合变焦 微光全彩技术 360°全景视野</p>
              <p>￥249 <span> <del>￥349</del></span> </p>
            </div>
          </a>
        </section>
        <a href="" class="fl-box"><img src=" https://p3.ssl.qhimg.com/t011cf2a5c53c044738.webp" alt=""> </a>
      </div>
      <div class="main-box" id="ecology">
        <div class="title"><span>生态互联 </span><a href=""> &nbsp; 全部 &gt;&gt;</a></div>
        <section>
          <a href="" class="sec-box">
            <div><img src="https://p5.ssl.qhimg.com/t01b1999ef9da609b19.webp" alt="">
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>

            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t01e5fa11aa2531ae5d.webp" alt="">
              <p>360可视门铃5Pro AR1C</p>
              <p>2K超清画质 166°超广视角</p>
              <p>￥399 <span> <del>￥499</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p1.ssl.qhimg.com/t01033b6d7bda5620dd.webp" alt="">
              <p>360智能摄像机云台7P超清版 AP1PA3</p>
              <p>400万超清全景 一键呼叫家人 微光全彩夜视</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p4.ssl.qhimg.com/t01f267f7a17a7c4970.webp" alt="">
              <p>360智能摄像机小水滴5C 2K高清版AC1P</p>
              <p>300万高清像素 130°人眼广角</p>
              <p>￥149 <span> <del>￥169</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p3.ssl.qhimg.com/t01a1b05a4db639487e.webp" alt="">
              <p>360智能摄像机云台7C超清版 AP2CA3</p>
              <p>声光主动防御 升级400万像素</p>
              <p>￥259 <span> <del>￥299</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p3.ssl.qhimg.com/t01746b7ca3a60ec924.webp" alt="">
              <p>360智能摄像机户外W4 Max</p>
              <p>2.5K超清画质 智能全彩夜视</p>
              <p>￥249 <span> <del>￥269</del></span> </p>
            </div>
          </a>
          <a href="" class="sec-box"> <span></span>
            <div style=" padding-top: 20px;"><img src="https://p0.ssl.qhimg.com/t01a95eb063af2d05c5.webp" alt="">
              <p>360 智能摄像机云台变焦版1080P D866</p>
              <p>9倍混合变焦 微光全彩技术 360°全景视野</p>
              <p>￥249 <span> <del>￥349</del></span> </p>
            </div>
          </a>
        </section>
        <a href="" class="fl-box"><img src=" https://p5.ssl.qhimg.com/t015a6644ab76b1fff1.webp" alt=""> </a>
      </div>
      <div class="main-box" id="more">
        <!-- 数据渲染 -->
        <div class="title"><span>更多商品 </span></div>
        <div class="more-box">
          <a href="" class="sm-box"> <span></span>
            <div><img src="https://p4.ssl.qhimg.com/dr/400_400_80/t01192edc41a78ee2ac.webp" alt="">
              <p>360智能摄像机小水滴5C 2K高清版AC1P</p>
              <p> <span> ￥149</span> </p>
              <p><span>直降</span></p>
            </div>
          </a>
        </div>
        <div class="di-text"><span>我已经陪你到底啦</span></div>
      </div>
    </div>>
  </main>
  <footer>
    <div class="helper-box">
      <div class="f-box guanyu-box">
        <p class="f-title">关于商城</p>
        <p class="f-text">
          360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。</p>
        <div class="web-box">
          <p class="f-text">关于我们</p>
          <span><i class="iconfont icon-weixin1"></i></span>
          <a href=""> <i class="iconfont icon-weibo"></i></a>
        </div>
      </div>
      <div class="f-box servers-box">
        <p class="f-title">售后服务</p>
        <a href="">7日无理由退货</a>
        <a href="">质量问题15日内换货</a>
        <a href="">保修条款</a>
        <a href="">服务流程</a>
        <a href="">许可协议</a>
        <a href="">隐私政策</a>
      </div>
      <div class="f-box help-box">
        <p class="f-title">帮助中心</p>
        <a href="">用户注册</a>
        <a href="">会员说明</a>
        <a href="">登录与密码找回</a>
        <a href="">购买指南</a>
        <a href="">支付方式</a>
        <a href="">配送与说明</a>
      </div>
      <div class=" contack-box">
        <p class="f-title">联系我们</p>
        <p class="sm-title">400-6822-360</p>
        <p class="sm-text">周一至周日9:00-18:00 (仅收市话费)</p>
      </div>
    </div>
    <div class="floor-box">
      <div class="sh-box">
        <a href=""><i class="iconfont icon-Return"></i>7天无理由退货</a>
        <a href=""><i class="iconfont icon-exchange"></i>15天免费换货</a>
        <a href=""><i class="iconfont icon-package"></i>满99元包邮</a>
      </div>

      <div class="xia-box">
        <p>&copy;2019-2021 mall.360.cn版权所有</p>
        <p><a href="" class="a-name">京ICP备08010314号-6</a>
          <a href="" class="a-name"></a>营业执照 </a>
        </p>
        <p>公司名称:北京视觉世界科技有限公司|社会统一信用代码:91110105336460203N |<a
            href="">食品经营许可证</a><br>公司地址:北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501|联系方式:400-6822-360
        </p>

      </div>
    </div>
  </footer>
</body>

</html>
<script src="./js/index1.js"></script>
<script src="./js/library/jquery.js"></script>